<template>
  <van-form @submit="onSubmit()">

      <van-field
          v-model="editUser.currentValue"
          :name="editUser.editKey"
          :label="editUser.editName"
          :placeholder="`请输入${editUser.editName}`"
      />

    <div style="margin: 16px;">
      <van-button round block type="primary" native-type="submit">
        提交
      </van-button>
    </div>
  </van-form>
</template>

<script setup>


import {useRoute, useRouter} from "vue-router";
import {ref} from "vue";
import {getCurrentUser} from "../services/user.ts";
import {showFailToast, showSuccessToast, showToast} from "vant";
import myAxios from "../plugins/myAxios.ts";


const router = useRouter();
const route  = useRoute();

 const editUser = ref({
  editKey: route.query.editKey,
  currentValue: route.query.currentValue,
  editName: route.query.editName,

})


const showPicker = ref(false);









const  onSubmit = async () =>{
   const currentUser = await getCurrentUser();
   if(!currentUser){
     showFailToast("用户未登录");
     return;
   }
   const res = await  myAxios.post('/user/update',{
     'id' : currentUser.id,
     [editUser.value.editKey] : editUser.value.currentValue
   })
  //console.log(res,'更新请求');
   if(res.code===0&&res.data>0){
     showSuccessToast('修改成功');
     router.back();
   }else{
     showFailToast('修改错误');
   }



}
</script>

<style scoped>

</style>